<style>
    .hd img {
        width: 100%;
        vertical-align: middle
    }

    .hd>p {
        position: absolute;
        z-index: 999
    }

    .prize {
        width: 8rem;
        height: 11.2853rem;
        line-height: 1;
        position: relative
    }

    .prize p {
        margin-left: 2.88rem;
    }

    .prize_top {
        margin-top: 8.2rem;
        color: #fff;
        font-size: 0.4267rem;
    }

    .prize_center {
        color: #fff;
        font-size: 0.4267rem;
        margin-bottom: 0.8rem;
        margin-top: 0.2rem;
    }

    .prize_false {
        color: #fff;
        font-size: 0.4267rem;
        margin-bottom: 0.88rem;
        position: absolute;
        bottom: 0.919rem
    }

    .prize_center span {
        color: #fffc00;
        font-size: 0.768rem;
        display: inline-block;
        position: relative;
        top:1px;
    }

    .prize_bottom {
        color: #fffc00;
        font-size: 0.3947rem;
        margin-left: 3.3rem !important;
        position: absolute;
        bottom: 0.55rem
    }

    .prize:nth-child(2n) p {
        margin-left: 2.48rem;
    }

    .prize:nth-child(2n) .prize_bottom {
        margin-left: 2.88rem !important;
        ;
    }
</style>

<body>
    <div class="header_box">
        <span>投资排行榜 宠爱有“礼”</span>
        <i class="header_icon h_i_left" activeclass="nobgm" ng-click="go('/hdhtml/hdranking');$event.stopPropagation();"></i>
    </div>
    <section id="wrapper">
        <div id="scroller">
            <div id="pullDown">
                <span class="pullDownIcon"></span>
                <span class="pullDownLabel"></span>
            </div>
            <div class="hd">
                <div>
                    <img src="../../images/hd/ranking/previous1.jpg" alt="">
                </div>
                <div style="height:56.41rem">
                    <div ng-repeat="obj in rankingDetailInfos track by $index" class="prize pull-left" style="background:url(../../images/hd/ranking/ranking_{{$index+2}}.jpg) no-repeat center; background-size:cover ; ">
                        <p class='prize_top' ng-bind="obj.fullName?obj.fullName+'('+obj.mobile+')':'虚位以待'"></p>
                        <p class='{{obj.investPrice?"prize_center":"prize_false"}}'><span ng-bind="obj.investPrice?(obj.investPrice|number:'0'):''"></span> {{obj.investPrice?'元':'0元'}}</p>
                        <p class='prize_bottom'>活动已结束</p>
                    </div>
                </div>
                <div ng-if="rankingDetailInfosecond[0].fullName">
                    <img src="../../images/hd/ranking/previous2.jpg" alt="">
                </div>
                <div ng-if="rankingDetailInfosecond[0].fullName">
                    <div ng-repeat="obj in rankingDetailInfosecond track by $index" class="prize pull-left" style="background:url(../../images/hd/ranking/ranking_{{$index+2}}.jpg) no-repeat center; background-size:cover ; ">
                        <p class='prize_top' ng-bind="obj.fullName?obj.fullName+'('+obj.mobile+')':'虚位以待'"></p>
                        <p class='{{obj.investPrice?"prize_center":"prize_false"}}'><span ng-bind="obj.investPrice?(obj.investPrice|number:'0'):''"></span> {{obj.investPrice?'元':'0元'}}</p>
                        <p class='prize_bottom'>活动已结束</p>
                    </div>
                </div>
                <div>
                    <img src="../../images/hd/ranking/bottom.jpg" alt="">
                </div>
            </div>
        </div>
    </section>
</body>